(function () {
    'use strict';
    var jq = window.jQuery;
    var guiValuePairs = [
        ['size', 'px'],
        ['minversion', ''],
        ['quiet', ' modules'],
        ['radius', '%'],
        ['msize', '%'],
        ['mposx', '%'],
        ['mposy', '%']
    ];

    function updateGui() {
        $.each(guiValuePairs, function (idx, pair) {
            var $label = $('label[for="' + pair[0] + '"]');
            $label.text($label.text().replace(/:.*/, ': ' + $('#' + pair[0]).val() + pair[1]));
        });
    }

    function updateQrCode() {
        var userid = $("#saveQrCode").data("id");
        var options = {
            render: "canvas",// 渲染方式: 'canvas', 'image' or 'div'
            ecLevel: 'H', // 误差校正水平: 'L', 'M', 'Q' or 'H'
            minVersion: 1, // 版本范围在 1 .. 40

            fill: "#333333",// 代码颜色或图像元素
            background: "#ffffff",// 背景颜色或图像元素，null则代表透明背景
            // fill: jq('#img-buffer')[0],

            text: "http://www.carmv.cn?id="+userid,// 内容
            size: 200,// 尺寸(使用像素)
            // radius: 0,// 相对于模块宽度的角半径: 0.0 .. 0.5
            quiet: 2,// 模块中安静的区域

            mode: 2,// 模式 0: normal 1: label strip 2: label box 3: image strip 4: image box


            label: "扫码挪车",
            fontname: "Ubuntu",
            fontcolor: "#ff9818",

            image: "/images/fg-1.png"
        };

        jq('#qrcode').empty().qrcode(options);
    }

    function update() {
        updateGui();
        updateQrCode();
    }

    function onImageInput() {
        var input = $('#image')[0];
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function (event) {
                $('#img-buffer').attr('src', event.target.result);
                $('#mode').val('4');
                setTimeout(update, 250);
            };
            reader.readAsDataURL(input.files[0]);
        }
    }

    function download() {
        var canvas = $('#qrcode').find("canvas").get(0);
        var url = canvas.toDataURL('image/jpeg');

        // $("#canvas").val(url);
        // $("#saveqrcode-form").submit();

        $.ajax({
            type: "post",
            url: "/fusers/users-qrcode",
            data:{"qrcode": url},
            success: function (ret) {

            }
        });

        // try {//解决IE转base64时缓存不足，canvas转blob下载
        //     var blob = canvas.msToBlob();
        //     navigator.msSaveBlob(blob, 'qrcode.jpg');
        // } catch (e) {//如果为其他浏览器，使用base64转码下载
        //     var url = canvas.toDataURL('image/jpeg');
        //     $("#download").attr('href', url).get(0).click();
        // }
    }

    function init() {
        //$('#saveQrCode').on('click', download);

        $(window).load(update);
        update();
        download();
    }

    $(init);
}());